<!--
 * @Description:
 * @version:
 * @Author: dh
 * @Date: 2022-02-23 10:33:19
 * @LastEditors: dh
 * @LastEditTime: 2022-04-12 16:11:41
-->
<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>grid</title>
		<style media="screen">
			* {
				padding: 0;
				margin: 0;
			}

			.grid {
				display: grid;
				grid-template-columns: 300px auto;
				grid-template-rows: 150px;
			}
		</style>
	</head>

	<body>
		<!--网格布局-->
		<section class="grid">
			<div class="left" style="background: teal"></div>
			<div class="center" style="background: yellow"></div>
		</section>
	</body>
</html>
